<template>
  <div class="home">
    <SearchBar class="search-bar" />
    <CSwiper class="banner" />
    <NewsGoods class="new-goods" />
    <HomeGoods class="home-goods" />
  </div>
</template>

<script setup>
import SearchBar from './SearchBar/SearchBar.vue'
import CSwiper from './CSwiper/CSwiper.vue'
import NewsGoods from './NewGoods/NewGoods.vue'
import HomeGoods from './HomeGoods/HomeGoods.vue'
</script>

<style lang="less" scoped>
// red #FF3800
// green #1ba784
// blue 23,114,180
// gray F5F5F5

.c-header {
  // 设置底部阴影
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3);
}

.tabbar {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 999;
}
</style>
